<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo-iform</title>
<link href="../jsease.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.ifom
    {
    background:#f9f9f9;
    float:left;
    }
    .ifom .fitem
        {
        width:670px;
        float:left;
        margin:2px 2px 0;
        padding:3px;
        line-height:20px;
        background:#f0f3ff;
        }
    .ifom .odd
        {
        background:#f2f8ee;
        }
    .ifom .fcmd
        {
        background:transparent;
        line-height:30px;
        text-align:center;
        margin:2px;
        }
        .ifom .fitem .ftitle
            {
            width:160px;
            float:left;
            }
        .ifom .fitem .fdata
            {
            width:200px;
            float:left;
            }
        .ifom .fitem .fdata .fvtxt,
        .ifom .fitem .fdata .fvsel,
        .ifom .fitem .fdata .fvfile
            {
            width:180px;
            padding:3px;
            }
        .ifom .fitem .fdata .rclbl
            {
            margin-right:2px;
            }
        .ifom .fitem .fdata .rclbl .rdochk
            {
            padding:3px;
            margin:3px;
            }
        .ifom .fitem .fdata .rclbl .rctxt
            {
            padding:0 5px;
            }
        .ifom .fitem .fadv
            {
            width:300px;
            float:left;
            }
        .ifom .fcmd .cmdbtn
            {
            line-height:20px;
            padding:3px;
            margin:2px 10px;
            }
            .ifom .fcmd .cmdbtn .btnico
                {
                padding:1px 2px;
                }
            .ifom .fcmd .cmdbtn .btntxt
                {
                padding:1px 2px;
                margin:1px;
                color:blue;
                border-bottom:1px solid #00f;
                }
</style>
<script type="text/javascript" src="../core.js"></script>
<script type="text/javascript" src="../iform.js"></script>
</head>

<body>
    <form class="ifom" id="newvip" action="/admin/addvip" method="post" enctype="application/x-www-form-urlencoded" onsubmit="alert(strJson(jsonForm(this))); return false;">
        <div class="fitem odd">
            <div class="ftitle">身份证号码：</div>
            <div class="fdata"><input type="text" class="fvtxt" name="idcardno" /><div class="ftip">请输入15位或18位身份证号码</div></div>
            <div class="fadv"></div>
        </div>
        <div class="fitem">
            <div class="ftitle">姓：</div>
            <div class="fdata"><input type="text" class="fvtxt" name="lastname" /><div class="ftip">只需输入姓</div></div>
            <div class="fadv"></div>
        </div>
        <div class="fitem odd">
            <div class="ftitle">名：</div>
            <div class="fdata"><input type="text" class="fvtxt" name="firstname" /><div class="ftip">只需输入名</div></div>
            <div class="fadv"></div>
        </div>
        <div class="fitem">
            <div class="ftitle">性别：</div>
            <div class="fdata"><label class="rclbl"><input type="radio" class="rdochk" name="gender" value="male" /><span class="rctxt">男</span></label><label class="rclbl"><input type="radio" class="rdochk" name="gender" value="female" /><span class="rctxt">女</span></label></div>
            <div class="fadv"></div>
        </div>
        <div class="fitem">
            <div class="ftitle">性别：</div>
            <div class="fdata"><label class="rclbl"><input type="checkbox" class="rdochk" name="gender" value="male" /><span class="rctxt">男</span></label><label class="rclbl"><input type="checkbox" class="rdochk" name="gender" value="female" /><span class="rctxt">女</span></label></div>
            <div class="fadv"></div>
        </div>
        <div class="fitem fcmd">
            <button type="submit" name="" class="cmdbtn"><img src="/icos/tick.png" class="btnico" /><span class="btntxt">确定</span></button>
            <button type="reset" name="" class="cmdbtn"><img src="/icos/arrow_undo.png" class="btnico" /><span class="btntxt">重置</span></button>
        </div>
    </form>

<div id="jsiform"></div>
<script type="text/javascript">
//<![CDATA[
def('myform','iform', { id: 'myiform', elem: 'jsiform', method: 'post', data:[
    {"type":"radio","name":"logintype","value":"uid","label":"会员编号","text":"登录方式：","checked":1},
    {"type":"radio","name":"logintype","value":"uname","label":"登录名"},
    {"type":"text","name":"loginacc","value":"","label":"登录帐号：", autofocus:1, placeholder:'帐号', tips:'按照所选择登录方式输入'},
    {"type":"password","name":"passwd","value":"","label":"密码："},
    {"type":"file","name":"imfile","label":"上传文件：", tips:'只支持 .jpg .png .jpeg 及 500KB 以内'},
    {"type":"checkbox","name":"remlog","value":"ymm","label":"一个月","text":"记住登录资料："},
    {"type":"checkbox","name":"remlog","value":"ydd","label":"一天","checked":1},
    {"type":"checkbox","name":"remlog","value":"n0","label":"不记住"},
    { name:'submit', type: 'submit', text:'确定', ico:'/icos/tick.png' },
    { name:'reset', type: 'reset', text:'取消', ico:'/icos/arrow_undo.png' }
    ], onsubmit: function(){alert(uriJson(jsonForm(this)));return false;}
    } );

//]]>
</script>
</body>
</html>